<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" import="com.mmp.main.entity.*,java.util.*"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<style type="text/css">
       .pure-skin-mine select{min-width: 200px}
	</style>
	<form method="post" action="JobOrderOpenProcess" enctype="multipart/form-data">
		<table class="layout_grid">
			<tr>
				<td colspan="2"><h1 class="page_title">شاشة فتح أمر عمل جديد</h1></td>
			</tr>
			<tr>
				<td colspan="2"><%@ include file="../DeviceOverview.jsp"%></td>
			</tr>
			<tr>
				<td class="side_label_middle">رقم أمر العمل :</td>
				<td><input type="text" name="jobOrderNo" id="jobOrderNo"
					required data-rule-remote="CheckJobOrderNoDuplication" data-msg-remote="يوجد أمر عمل بنفس الرقم"></td>
			</tr>
			<tr>
				<td class="side_label_middle">تاريخ العطل :</td>
				<td><input type="text" name="damageDate" id="damageDate"
					class="caldr" required></td>
			</tr>
			<tr>
				<td class="side_label_top">وصف العطل :</td>
				<td><textarea name="damageDescription" id="damageDescription"
						required></textarea></td>
			</tr>
						<%
		      List<LookupJobOrderType> jobOrderTypes = (List <LookupJobOrderType>) request.getAttribute("jobOrderTypes");
		      if (jobOrderTypes != null && !jobOrderTypes.isEmpty()){
		    %>
			<tr>
				<td class="side_label_middle">نوع أمر العمل :</td>
				<td>          
					<%for (LookupJobOrderType obj : jobOrderTypes){%>
				         <input required type="radio" name="type_id" id="radio" value="<%=obj.getId()%>"><%=obj.getName()%>
				    <%}%>
                </td>
			</tr>
			<%} %>
			<%
	         List<LookupJobOrderPriority> jobOrderPriorities = (List <LookupJobOrderPriority>) request.getAttribute("jobOrderPriorities");
	         if (jobOrderPriorities != null && !jobOrderPriorities.isEmpty()){
	        %>
			<tr>
				<td class="side_label_middle">أولوية أمر العمل :</td>
				<td>				
					<%for (LookupJobOrderPriority obj : jobOrderPriorities){%>
				         <input required type="radio" name="priority_id" id="radio" value="<%=obj.getId()%>"><%=obj.getName()%>
				    <%}%>
			    </td>
			</tr>
			
			<%} %>
			<tr>
				<td class="side_label_middle">تاريخ أمر العمل :</td>
				<td><input type="text" name="jobOrderDate" id="jobOrderDate"
					class="caldr" required></td>
			</tr>
			<tr>
				<td class="side_label_top">تحميل نموذج إبلاغ عن عطل :</td>
				<td><input type="file" name="joRequestFormUrl" id="joRequestFormUrl" multiple></td>
			</tr>
						
		    <%
	         List<Employee> responsibleEngs = (List<Employee>) request.getAttribute("responsibleEngs"); 
	         if (responsibleEngs != null && !responsibleEngs.isEmpty()){
	        	 String sClass = (responsibleEngs.size() == 1)?"class='auto_off'":"";   
	        %>
			<tr>
				<td class="side_label_middle">المهندس المستلم :</td>
				<td>          
					<select id="responsibleEng" name="responsibleEng" <%=sClass%> required>
			        <%
			            for (Employee responsibleEng : responsibleEngs){
			        %>
			            <option value="<%=responsibleEng.getId()%>"><%=responsibleEng.getName()%></option>
			        <%}%>
			        </select>
                </td>
			</tr>
		    <%}%>
		    
		    <%
	         Employee hospDepHead = (Employee) request.getAttribute("hospDepHead");
	         if (hospDepHead != null){      
	        %>
			<tr>
				<td class="side_label_middle">مشرف القسم :</td>
				<td>          
					<select id="hospDepHead" name="hospDepHead" class="auto_off" required>
			            <option value="<%=hospDepHead.getId()%>"><%=hospDepHead.getName()%></option>
			        </select>
                </td>
			</tr>
		    <%}%>
			
		    <%
	         Employee biomedDepHead = (Employee) request.getAttribute("biomedDepHead");
	         if (biomedDepHead != null){      
	        %>
			<tr>
				<td class="side_label_middle">مشرف الصيانة :</td>
				<td>          
					<select id="biomedDepHead" name="biomedDepHead" class="auto_off" required>
			            <option value="<%=biomedDepHead.getId()%>"><%=biomedDepHead.getName()%></option>
			        </select>
                </td>
			</tr>
		    <%}%>
			
			<tr>
				<td colspan="2"><input type='button' class='pure-skin-mine pure-button-primary'  onclick='_onClickJobOrderOpenBtn()' value="افتح أمر عمل جديد"><%=HtmlUtil.getResetButtonHTML()%></td>
			</tr>
		</table>
	</form>
	<script>
	function _onClickJobOrderOpenBtn(){
		    
		var formObj = $("form:first");
		formObj.validate();
		
	    if(formObj.valid()){
	    	
			var joDate =  $("#jobOrderDate").datepicker("getDate").getTime();
			var damDate = $("#damageDate").datepicker("getDate").getTime();
			var diff = Math.ceil((joDate -damDate)/(24*60*60*1000));
	    	
			 if(diff >= 4 && !confirm("يرجى ملاحظة أن تاريخ فتح أمر العمل متأخر عن تاريخ العطل بأربعة أيام أو أكثر .. هل تريد الاستمرار ؟"))
				return;

			 
    	//if(confirm("هل تريد عرض تقرير أمر العمل ؟")){

	    	formObj.append("<input type='hidden' name='saveThenReturn' value='1' />");
	    	formObj.append("<input type='hidden' name='showJobOrderReport' value='1' />");
	    	formObj.prop("target", "_blank");
	        alert("سيتم عرض تقرير أمر العمل بعد الحفظ لتتمكن من طباعته أو حفظ نسخة إلكترونية منه");
	    	formObj.submit();
	    	setTimeout(function(){window.location.href = "OpenJobOrderSearch"},3000);
	    	// window.location.href = "OpenJobOrderSearch";
    	//}else{
    	//	formObj.submit();
    	//}
        }
    }
	
	$(function(){
		
		<%
		  String autoGenJobOrderNo = (String) request.getAttribute("autoGeneratedJobOrderNo");
		  if(autoGenJobOrderNo != null){
		%>
  		      setTextFieldValue("jobOrderNo","<%=autoGenJobOrderNo%>");
		<%}%>
		 
	     $("#jobOrderDate" ).rules( "add", {
	 		dateGreaterThan: ['#damageDate'],
			messages: {	dateGreaterThan: "يجب أن يكون التاريخ بعد تاريخ العطل"}
		 });
		 
/* 		
        $("form").submit(function(){
			 
			 var joDate =  $("#jobOrderDate").datepicker("getDate").getTime();
			 var damDate = $("#damageDate").datepicker("getDate").getTime();
			 var diff = Math.ceil((joDate -damDate)/(24*60*60*1000));
			 if($("form").valid() && diff >= 4)
			    return confirm("يرجى ملاحظة أن تاريخ فتح أمر العمل متأخر عن تاريخ العطل بأربعة أيام أو أكثر .. هل تريد الاستمرار ؟")
			    
			  return true;
		 }); 
*/
	 
	});
	</script>
</body>
</html>
